<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:shiro="http://shiro.apache.org/tags"
    template="../../templates/plantilla.xhtml">

	<ui:define name="content">
		<shiro:hasAnyPermission name="simulador:consultar,simulador:crear">
			<h:form id="formularioBase">
				<p:panel header="#{etq['sifeap.simulador.titulo']}" style="width:100%; text-align:left;">
					<div align="center">
						<!-- ESTE ES PARA EL ADMINISTRADOR -->
						<shiro:hasPermission name="simulador:consultar">
							<h:panelGrid columns="3" style="width:91%;text-align:left;" id="panelCampos" columnClasses="column-template6,column-template6">
								<h:outputText value="#{etq['sifeap.simulador.cedula']} *" />
								<p:inputText id="cedula" value="#{simuladorManagedBean.asociado.cedula}" maxlength="16" style="width:220px" >
										<p:ajax global="false" event="blur" process="@this" />
								</p:inputText>
								<p:commandLink id="btnConsultarAsociado" actionListener="#{simuladorManagedBean.buscarAsociado}" update="@form" process="@this" >
									<h:graphicImage library="images" name="buscar.png"
										style="border: 0px; width: 22px; height: 22px;"
										alt="#{etq['sifeap.buscar']}"
										title="#{etq['sifeap.buscar']}" />
								</p:commandLink>
								
								<h:outputText value="#{etq['sifeap.simulador.nombre']} *" />
								<p:inputText id="nombre" value="#{simuladorManagedBean.asociado.primerNombre} #{simuladorManagedBean.asociado.segundoNombre} #{simuladorManagedBean.asociado.primerApellido} #{simuladorManagedBean.asociado.segundoApellido}" style="width:220px" readonly="true" />
							</h:panelGrid>
						</shiro:hasPermission>
						
						<!-- ESTE ES PARA EL ASOCIADO -->
						<shiro:hasPermission name="simulador:crear">
							<h:panelGrid columns="3" style="width:91%;text-align:left;" id="panelCamposSesion" columnClasses="column-template6,column-template6">
								<h:outputText value="#{etq['sifeap.simulador.cedula']} *" />
								<p:inputText id="cedulaAsociado" value="#{simuladorManagedBean.cedulaSesion}" maxlength="16" style="width:220px" disabled="true" />
								<p:spacer width="1px" height="1px" />
								
								<h:outputText value="#{etq['sifeap.simulador.nombre']} *" />
								<p:inputText id="nombreAsociado" value="#{simuladorManagedBean.asociado.primerNombre} #{simuladorManagedBean.asociado.segundoNombre} #{simuladorManagedBean.asociado.primerApellido} #{simuladorManagedBean.asociado.segundoApellido}" style="width:220px" disabled="true" />
							</h:panelGrid>
						</shiro:hasPermission>
						
						<h:panelGrid columns="2" style="width:92%; text-align:left;" columnClasses="column-template7,column-template7">
							<p:fieldset legend="#{etq['sifeap.simulador.nivelendeudamiento']}" style="width:94%;">
								<h:panelGrid columns="2" style="width:100%;text-align:left;" id="panelNivelEndeudamiento" >
									<h:outputText value="#{etq['sifeap.simulador.sueldobasico']}" />
									<h:outputText id="sueldoBasico" value="#{simuladorManagedBean.asociado.sueldoBasico}" >
										<f:convertNumber currencySymbol="$" currencyCode="COP" groupingUsed="true" type="currency" maxFractionDigits="1" />
									</h:outputText>
									
									<h:outputText value="#{etq['sifeap.simulador.otrosingresos']}" />
									<p:autoComplete minQueryLength="0" queryDelay="600" onkeyup="ajaxDelay()" completeMethod="#{simuladorManagedBean.actualizarOtrosIngresos}" value="#{simuladorManagedBean.solicitudCredito.otrosIngresos}" converter="#{Long}" converterMessage="#{msj['sifeap.simulador.otrosingresos.novalido']}" style="width:97%" />
									
									<h:outputText value="#{etq['sifeap.simulador.total']}" />
									<h:outputText id="totalIngresos" value="#{simuladorManagedBean.simulador.totalIngresos}" >
										<f:convertNumber currencySymbol="$" currencyCode="COP" groupingUsed="true" type="currency" maxFractionDigits="1" />
									</h:outputText>
									
									<h:outputText value="#{etq['sifeap.simulador.descuentomensual']}" />
									<h:outputText id="descuentoMensual" value="#{simuladorManagedBean.simulador.descuentoMensual}" >
										<f:convertNumber currencySymbol="$" currencyCode="COP" groupingUsed="true" type="currency" maxFractionDigits="1" />
									</h:outputText>
									
									<h:outputText value="#{etq['sifeap.simulador.descuentoquincenal']}" />
									<h:outputText id="descuentoQuincenal" value="#{simuladorManagedBean.simulador.descuentoQuincenal}" >
										<f:convertNumber currencySymbol="$" currencyCode="COP" groupingUsed="true" type="currency" maxFractionDigits="1" />
									</h:outputText>	
								</h:panelGrid>
							</p:fieldset>
							
							<p:fieldset legend="#{etq['sifeap.simulador.descuentosactuales']}" style="width:94%;">
								<p:dataTable value="#{simuladorManagedBean.listaDescuentosActuales}" widgetVar="listaDescuentos" rendered="#{simuladorManagedBean.listaDescuentosActuales.size() > 0}"
									var="descuentos" id="listaDescuentos" paginator="true" paginatorAlwaysVisible="false" paginatorPosition="top" rows="100">
									
									<p:column headerText="#{etq['sifeap.simulador.descripcion']}" style="white-space: normal;">
										<h:outputText value="#{descuentos.tipoCredito.nombre}" />
										
										<f:facet name="footer">  
							                <h:outputText value="#{etq['sifeap.simulador.totalcuota']}" style="font-weight: bold;" />
							            </f:facet>
									</p:column>
									
									<p:column headerText="#{etq['sifeap.simulador.valorcuota']}" style="white-space: normal;">
										<h:outputText value="#{descuentos.valorCuota}" >
											<f:convertNumber currencySymbol="$" currencyCode="COP" groupingUsed="true" type="currency" maxFractionDigits="1" />
										</h:outputText>
										
										<f:facet name="footer">
							                <h:outputText value="#{simuladorManagedBean.simulador.totalDescuentos}" style="font-weight: bold;" >
							                	<f:convertNumber currencySymbol="$" currencyCode="COP" groupingUsed="true" type="currency" maxFractionDigits="1" />
							                </h:outputText>
							            </f:facet>
									</p:column>
									
								</p:dataTable>
								<h:panelGrid columns="1" style="width:100%;text-align:center;" id="sinDescuentosActuales" rendered="#{simuladorManagedBean.listaDescuentosActuales.size() &lt;= 0}" >
									<h:outputText value="#{msj['sifeap.simulador.sindescuentosactuales']}" />
									<p:spacer width="1px" height="15px" />
								</h:panelGrid>
							</p:fieldset>
						</h:panelGrid>
						
						<p:spacer width="1px" height="10px" />
						
						<!-- CUPO DISPONIBLE -->
						<h:panelGrid columns="2" style="width:91%;text-align:left;" id="panelCamposCupo" columnClasses="column-template6">
							<h:outputText value="#{etq['sifeap.simulador.cupodisponible']}" />
							<p:inputText id="cupoDisponible" value="#{simuladorManagedBean.simulador.cupoDisponible}" readonly="true" />
						</h:panelGrid>
						
						<p:spacer width="1px" height="12px" />
						
						<!-- DATOS DE LA SOLICITUD DE CREDITO -->
						<p:panel style="width:90.7%;">
							<h:panelGrid columns="8" style="width:100%;text-align:left;" id="panelCamposCredito" >
								<h:outputText value="#{etq['sifeap.simulador.montosolicitado']} *" />
								<p:inputText id="montoSolicitado" value="#{simuladorManagedBean.solicitudCredito.montoSolicitado}" converter="#{Long}" converterMessage="#{msj['sifeap.simulador.montosolicitado.novalido']}" style="width:97%" />
								<p:spacer width="20px" height="1px" />
								
								<h:outputText value="#{etq['sifeap.simulador.destinacioncredito']}  *" />
								<p:selectOneMenu id="tipoCredito" value="#{simuladorManagedBean.solicitudCredito.tiposcredito.idTipoCredito}" style="width:190px" panelStyle="width:190px">
						            <p:ajax update="@this,plazo" listener="#{simuladorManagedBean.validarPlazo}" global="false" />
						            <f:selectItem itemLabel="#{etq['sifeap.seleccion']}" itemValue="#{null}" />  
						            <f:selectItems value="#{simuladorManagedBean.itemsTiposCredito}" />  
						        </p:selectOneMenu>
						        <p:spacer width="20px" height="1px" />
						        
								<h:outputText value="#{etq['sifeap.simulador.plazo']}  *" />
								<p:spinner id="plazo" value="#{simuladorManagedBean.solicitudCredito.plazo}" converter="#{Long}" converterMessage="#{msj['sifeap.solicitudcredito.plazo.novalido']}" min="1" max="#{simuladorManagedBean.solicitudCredito.tiposcredito.cuotasMaximas}" >
									<p:ajax event="blur" update="@this" global="false" listener="#{simuladorManagedBean.validarPlazo}"/>
								</p:spinner>
								
								<h:outputText value="#{etq['sifeap.simulador.valorcuota']}" />
								<h:outputText id="valorCuotaSimulada" value="#{simuladorManagedBean.simulador.valorCuota}" >
									<f:convertNumber currencySymbol="$" currencyCode="COP" groupingUsed="true" type="currency" maxFractionDigits="1" />
								</h:outputText>
								
								<p:spacer width="20px" height="1px" />
								
								<h:outputText value="#{etq['sifeap.simulador.resultado']}" style="font-weight: bold;" />
								<h:outputText id="resultadoViable" value="#{simuladorManagedBean.mensajeResultado}" rendered="#{simuladorManagedBean.simulador.resultadoSimulacion}" style="font-weight: bold; color: black;" />
								
								<h:outputText id="resultadoNoViable" value="#{simuladorManagedBean.mensajeResultado}" rendered="#{!simuladorManagedBean.simulador.resultadoSimulacion}" style="font-weight: bold; color: red;" />
								
								<p:spacer width="20px" height="1px" />
								
								<p:spacer width="20px" height="1px" />
								<shiro:hasPermission name="solicitar_credito:crear">
									<p:commandLink id="btnIrSolicitud" action="#{simuladorManagedBean.irSolicitudCredito}" update="@form" value="#{etq['sifeap.simulador.irsolicitudcredito']}" />
								</shiro:hasPermission>
								<shiro:lacksPermission name="solicitar_credito:crear">
									<p:spacer width="20px" height="1px" />
								</shiro:lacksPermission>
							</h:panelGrid>
						</p:panel>
						
						<p:spacer width="1px" height="10px" />
						
						<h:panelGrid columns="2" id="panelBoton">
							<p:commandButton actionListener="#{simuladorManagedBean.calcular}" value="#{etq['sifeap.calcular']}" update="@form"/>
							<p:commandButton action="#{simuladorManagedBean.limpiar}" value="#{etq['sifeap.limpiar']}" process="@this" update="@form"/>
						</h:panelGrid>
					</div>
				</p:panel>

				<p:remoteCommand name="peticionAjax" update="totalIngresos,descuentoMensual,descuentoQuincenal,cupoDisponible" />
			</h:form>
		</shiro:hasAnyPermission>
		
		<p:panel header="#{etq['sifeap.simulador.titulo']}" style="width:100%; text-align:left;" rendered="#{!simuladorManagedBean.tienePermisos}">
			<ui:include src="/templates/denegado.xhtml" />
		</p:panel>
		
	</ui:define>
</ui:composition>
